<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>蜗牛影院</title>
  <link rel="stylesheet" href="xianmu.css">
  <link rel="stylesheet" href="css/bootstrap.css">
</head>

<body>
  <div class="tou">
    <a href="#" class="yuu">下载APP</a>
    <!--<a href="#" class="yuuu">登录&nbsp|&nbsp注册</a>-->
    <div class="li">
      <a href="javascript:void(0)"
        onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">登录&nbsp;&nbsp|&nbsp;&nbsp
        注册 </a>
      <div id="light" class="white_content">这是一个层窗口示例程序.
        <a href="javascript:void(0)"
          onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口</a>
      </div>
      <div id="fade" class="black_overlay"></div>
    </div>
  </div>
  <div class="tou1">
    <img class="img-img-slide img4" src="./img/slider080.png">
    <a href=""><select>
        <option><img src="./img/icon_arrow.png"">全国</option>     
      <option>1111111</option>
      <option>2222222</option>
      <option>3333333</option>  
      </select></a>
    <a href=" #" class="yut">首页</a>
    <a href="">影片</a>
    <a href="">影城</a>
    <a href="">影城资讯</a>
    <a href="">会员中心</a>
    <div class="search">
      <input type="text">
       <a>搜索</a>
    </div>
  </div>
  <div class="imgBox">
    <img class="img-slide img1" src="./img/slider01.png" alt="1">
    <img class="img-slide img2" src="./img/slider02.png" alt="2">
    <img class="img-slide img3" src="./img/slider03.png" alt="3">
    <img class="img-slide img3" src="./img/slider04.png" alt="4">
  </div>
  <div class="poo">
    <div class="pooo">
      <option><img src="./img/slk.png">快速购票
    </div>
    <div> <select class=" po">
        <option><img src="./img/slk.png">选择影院
        </option>
        <option>1111111</option>
        <option>2222222</option>
        <option>3333333</option>
      </select></div>
    <div><select class=" inputq">
        <option><img src="./img/slk.png">选择电影
        </option>
        <option>1111111</option>
        <option>2222222</option>
        <option>3333333</option>
      </select>
    </div>
    <div><select class=" op">
        <option><img src="./img/slk.png">选择时间
        </option>
        <option>1111111</option>
        <option>2222222</option>
        <option>3333333</option>
      </select>
    </div>
    <div><select class=" op">
        <option><img src="./img/slk.png">选择场次
        </option>
        <option>1111111</option>
        <option>2222222</option>
        <option>3333333</option>
      </select>
    </div>
    <div class=" opp">立即购票
    </div>
  </div>
 <!-- content -->
 <div class="centerBox">
  <div class="contentL">
      <div>
          <!-- 某某某同学完成 左部 影片列表 -->
          <div class="movieListTitle">
              <h3>正在热映</h3>
              <a href="" class="we">查看更多>></a>
          </div>
          <ul class="movieList">
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
          </ul>
      </div>
      <div>
          <!-- 某某某同学完成 左部 影片列表 -->
          <div class="movieListTitle">
              <h3>即将上映</h3>
              <a href="">查看更多>></a>
          </div>
          <ul class="movieList">
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
          </ul>
      </div>
  </div>
  <div class="contentR">
      <!-- 某某某同学完成 右部 影城活动 -->
      <div class="contentL1"></div>
      <div class="trr">
      <div class="movieListTitle1">
          <h3>影城活动</h3>
          <a href="" class="we">查看更多>></a>
      </div>
      <ul class="movieList1">
          <li>
              <img src="./img/movie01.jpg" alt="" class="wee"> 
                  </li>   
      </ul>
      
        <div class="movieText1">
                  <p class="ew">长津湖</p>
                  <p class="ew">上映时间：2021-08-12</p>
                  <span class="ew">49000人好看</span>
              </div>
            </div>
        <div class="trr">
          <ul class="movieList1">
              <li>
                  <img src="./img/movie01.jpg" alt="" class="wee"> 
                   </li>    
          </ul>
            <div class="movieText1">
                      <p class="ew">长津湖</p>
                      <p class="ew">上映时间：2021-08-12</p>
                      <span class="ew">49000人好看</span>
                  </div>
              
            </div>
          <div class="jk">
              <div class="box1x1">
                <div class="tit"><span class="more"></span><h5>排行榜</h5></div>
                                    <ul class="libgl uncol">
                                                  <li><a target="_blank" title="1.asp员工薪酬管理系统">asp员工薪酬管理系统</a></li>
                                                  <li><a target="_blank" title="2.毕业论文(设计)网上选题管理系统(asp+access) ">毕业论文(设计)网上选题管理系</a></li>
                                                  <li><a target="_blank" title="3.asp车辆租赁-汽车租赁管理系统">asp车辆租赁-汽车租赁管理系统</a></li>
                                                  <li><a target="_blank" title="基于ASP网上团购系统的设计与实现 ">基于ASP网上团购系统的设计与</a></li>
                                                  <li><a target="_blank" title="计算机系实验室管理系统">计算机系实验室管理系统</a></li>
                                                  <li><a  target="_blank" title="某地区旅游网站设计">某地区旅游网站设计</a></li>
                                                  <li><a target="_blank" title="asp网上购书系统">asp网上购书系统</a></li>
                                                  <li><a  target="_blank" title="asp家庭账目管理系统">asp家庭账目管理系统</a></li>
                                                  <li><a  target="_blank" title="asp房屋租赁管理系统">asp房屋租赁管理系统</a></li>
                                                  <li><a target="_blank" title="asp校园信息网站">asp校园信息网站</a></li>
                   </ul>
            </div>
          </div>
          <!-- <ul class="movieList1">
              <li>
                  <img src="./img/movie01.jpg" alt="">
                  <div class="movieText1">
                      <p>中国医生</p>
                      <span>9.5</span>
                  </div>
              </li>
          </ul> -->
      </div>
  </div>
</div>

  <!--ljc底部-->
  <table class="yu">
    <tbody>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler><a href="#" class="yuuuu">新手上路</a>
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler><a href="#" class="yuuuu">购票指南</a>
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler><a href="#" class="yuuuu">会员权益</a>
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler><a href="#" class="yuuuu">联系我们</a>
        </td>
      </tr>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>注册登录问题
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>用户购票流程
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>会员订票权益
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>手机客户介绍与下载
        </td>
      </tr>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>用户绑定会员问题
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>取票观影指南
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>会员积分权益
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>影片信息查询
        </td>
      </tr>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>影票相关问题
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>会员卡支付相关说明
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>入会资格
        </td>
        <td>手机自助购票</td>
      </tr>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>票价和支付问题
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>网银支付相关说明
        </td>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>会员卡折扣说明
        </td>
        <td></td>
      </tr>
      <tr>
        <td>
          <editor-squiggler style="height: 0px; width: 0px;">
            <style>
              @media print {
                .ms-editor-squiggler {
                  display: none !important;
                }
              }

              .ms-editor-squiggler {
                all: initial;
                display: block !important;
                height: 0px !important;
                width: 0px !important;
              }
            </style>
            <div class="ms-editor-squiggler"></div>
          </editor-squiggler>取票凭证和取票问题
        </td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </tbody>
    <colgroup>
      <col>
      <col>
      <col>
      <col>
    </colgroup>
  </table>
  </div>

  <div class="oj">
    <div>公司介绍&nbsp;-&nbsp;合作咨询&nbsp;友情链接&nbsp;-&nbsp;网站地图&nbsp;-&nbsp;站长统计&nbsp;-&nbsp;网站声明</div>
    <div>Copynight@2021&nbsp;ed&nbsp;by&nbsp;woniuxy</div>
  </div>
</body>
<script src="xainmu.js"></script>

</html>